import React, { PureComponent } from 'react'
import UserCenter from './pages/UserCenter'
import logRenderTime from './hoc/logRenderTime'
// 渲染组件时先进行 登录鉴权 来决定展示什么
export class App extends PureComponent {
  constructor() {
    super()
    this.state = {
      isLogin: false
    }
  }
  loginClick() {
    localStorage.setItem('token', 'liuchang')
    // 不调用setState / props值发生变化 render函数不会执行
    // 可以通过 forceUpdate() 强制刷新 不建议
    this.forceUpdate()
  }
  render() {
    // const {isLogin} = this.state
    return (
      <div>App
        {/* 1.通过三元表达式来判断是否登录 */}
        {/* {isLogin ? <UserCenter/> : '请先登录，再进行此操作'} */}
        
        {/* 2. 通过定义一个函数来判断是否登录 */}
        <UserCenter />
        <button onClick={e => this.loginClick()}>登录</button>
      </div>
    )
  }
}

export default logRenderTime(App)